<!DOCTYPE html>
  <html>
  <head>
      <meta charset="utf-8">
      <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
      <title>title</title>
      <link rel="stylesheet" type="text/css" href="../css/api.css"/>
      <style>
      body{
        width: 100%;
        height: 100%;
        padding-top: 1.7rem;
      }
      .header{
            width: 93%;
            height: 2.5rem;
            line-height: 2.5rem;
            padding: 0.5rem 0.8rem;
            text-align: center;
            background-color: #40cccc;
            z-index: 999;
        }
      .header_img{
        width: 6%;
        height: 45%;
        float: left;
        margin-top: 0.4rem;
      }
      .header_img img{
        width: 100%;
        height: 100%;
      }
      .header h3{
        line-height: 3rem;
        width: 90%;
        margin-left: 0.7rem;
        text-align: center;
        font-weight: bold;
        color: #fff;
      }
      .fl{
        float: left;
      }
      .fr{
        float: right;
      }
      .math{
        width: 93%;
        height: 100%;
        position: fixed;
        /*margin-top:2rem;*/

        padding:1rem 0.8rem;
        overflow: scroll;
      }
      .math_one{
        width:93%;
        height:10%;
        min-height: 3rem;
        background-color: rgb(242, 242, 242, 0.5);
        margin-bottom: 1rem;
        border-radius: 0.5rem;
        padding: 0.5rem 0.8rem;

      }
      .one_o{
        width: 95%;
        height:10%;

        position: relative;
      }
      .math_left{
        width: 100%;
        height: 100%;
      font-size: 0.9rem;

      }
      .left_p{
        position: absolute;
        top: 3.7rem;
        font-size: 0.8rem;
        color: #51321a;

      }
      .math_right{


        width: auto;
        height: 1.5rem;
        text-align: center;
        line-height: 1.5rem;
        color: #fff;
        font-size: 0.8rem;
        position: absolute;
        bottom: -4.5rem;
        right:-1.5rem;

      }
      .math_right p{
          background-color:#40cccc;
        margin-left: 0.3rem;
        border-radius: 0.3rem;
        padding: 0rem 0.15rem;

      }

      .p1{
        /*font-weight: bold;*/
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp:3;
        -webkit-box-orient:vertical;
      }

      </style>
  </head>
  <body>
    <div class="header">
      <div class="header_img">
          <img src="../image/u18.png" alt="" onclick="closewin()">
      </div>
      <h3>课程管理</h3>

    </div>
    <!-- 内容 -->
    <div class="math" id="cur_list">
      <div class="math_one">
        <div class="one_o">
          <div class="math_left fl">
            <p class="p1">第一节课，学习hello</p>
            <p class="left_p">2018年10月1日 10:00</p>
          </div>
            <div class="math_right">
                <p class="fl">开始直播</p>
                  <p class="fl">直播管理</p>
                    <p class="fl">发布作业</p>
            </div>
        </div>
      </div>
      <div class="math_one">
        <div class="one_o">
          <div class="math_left fl">
            <p class="p1">恭喜升级到Z1!一份会员升级礼，祝贺你成为一级软阁体活家，点击领取
            恭喜升级到Z1!一份会员升级礼，祝贺你成为一级软阁体活家，点击领取</p>
            <p class="left_p">2018年10月1日 10:00</p>
          </div>
            <div class="math_right">
                <p class="fl">开始直播</p>
                  <p class="fl">发布作业</p>
                    <p class="fl">作业管理</p>
            </div>
        </div>
      </div>

    </div>
  </body>
  <script type="text/javascript" src="../script/api.js"></script>
  <script type="text/javascript">
      apiready = function(){

      };
  </script>
  </html>
